<template>
	<div id="Home">
		<HomeHeader></HomeHeader>
		<HomeSwpier :swiperList="swiperList"></HomeSwpier>
		<Homeicon :IconList="IconList"></Homeicon>
		<Homeloca></Homeloca>
		<Homehot :hotlist="hotlist"></Homehot>
	    <Homelike :gustlist="gustlist"></Homelike>
	    <Homeweek :weeklist="weeklist"></Homeweek>
	    <Homefoot></Homefoot>
	</div>
	
</template>

<script>
	
	import HomeHeader from "./pages/header";
	import HomeSwpier from "./pages/swiper";
	import Homeicon from "./pages/icon";
	import Homeloca from "./pages/location";
	import Homehot from "./pages/hotlist";
	import Homelike from "./pages/like";
	import Homeweek from "./pages/week";
	import Homefoot from "./pages/foot"
	
	
	export default{
		components:{
			HomeHeader,
			HomeSwpier,
			Homeicon,
			Homeloca,
			Homehot,
			Homelike,
			Homeweek,
			Homefoot
		},
		
		data (){
	     return{
	     	swiperList:[],
	        IconList:[],
	        hotlist:[],
	        gustlist:[],
	        weeklist:[]
	     }
	  },
	  
	  mounted (){
	  	this.$http.get("/api/data/dataHome.json")
	  	.then((res)=>{
	  		let data=res.data.data[0];
	  		this.swiperList=data.swiperList;
	  		this.IconList=data.IconList;
			this.hotlist=data.hotlist;
			this.gustlist=data.gustlist;
			this.weeklist=data.weeklist;
//           console.log(data.swiperList)

	  	})
	  }
	}
	
</script>

<style>
</style>